export const drawGrid=(ctx,stepX, stepY, color, lineWidth)=>{
    // // 设置绘制颜色
       ctx.strokeStyle = color;
       // 创建垂直格网线路径
       for(let i = stepX; i < demo2.width; i += stepX){
         // 设置绘制线段的宽度
       ctx.lineWidth = lineWidth;
       //开启路径
       ctx.beginPath()
       
       //笔触的位置-moveTo经常是画一些不连续的线
       ctx.moveTo(i, 0);
       //绘制一条从当前位置到指定x以及y位置的直线。
        ctx.lineTo(i,demo2.height);
       ctx.stroke()
       }
       // 创建水平格网线路径
       for(let j = stepY; j < demo2.height; j += stepY){
           // 设置绘制线段的宽度
       ctx.lineWidth = lineWidth;
           //开启路径
           ctx.beginPath()
           ctx.moveTo(0, j);
           ctx.lineTo(demo2.width, j);
           ctx.stroke()
       }
   }